🚀 Interactive Code Editor
HTML
CSS
JavaScript
HTML
<!DOCTYPE html> <html> <head> <title>My Page</title> </head> <body> <h1>Hello World!</h1> <p>Edit the code and click Run</p> <button id="myBtn">Click me!</button> </body> </html>
CSS
body { font-family: Arial, sans-serif; text-align: center; padding: 2rem; background: linear-gradient(135deg, #667eea, #764ba2); color: white; } button { padding: 10px 20px; font-size: 16px; cursor: pointer; background: #FFD700; border: none; border-radius: 5px; margin-top: 1rem; } button:hover { transform: scale(1.1); }
▶️ Run Code
🔄 Reset
📋 Copy HTML
📺 Output
JavaScript
document.getElementById('myBtn').addEventListener('click', function() { alert('Button clicked! 🎉'); this.textContent = 'Clicked!'; this.style.background = '#00ca4e'; });